<!--
  Generated template for the CenterPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>个人中心</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-list class="list-pernonal">
    <ion-item (click)="skipToPersionalMessage()">
      <ion-thumbnail item-start>
       <!--
       <img src="../../assets/imgs/user.png">
       --> 
       <a *ngIf='Internet==1'> <img src="{{data.img}}"></a>
       <a *ngIf='Internet==0'><img src="./assets/imgs/offline2.jpg"></a>
      </ion-thumbnail>
      <h2>{{user.userInfo.nickname}}</h2>
      <p>{{userPhone}}</p>
      <i class="iconfont icon-gengduo" item-end></i>
    </ion-item>

    <!--<ion-item (click)="skipToAccount()">
			我的账户
			<i class="iconfont icon-gengduo" item-right></i>
		</ion-item>-->
  </ion-list>
  <div class="C-module" margin-bottom>
    <div class="C-sub-module">
      <p class="title">
        账户余额
        <img src="assets/imgs/icon-balanceHelp.png" class="help" (click)="accountHelp()"/>
      </p>
      <p class="digital"  (click)="account()">
       {{user.userInfo.balance}}元
      </p>
    </div>
    <div class="C-sub-module">
      <p class="title">
        本地余额
        <img src="assets/imgs/icon-balanceHelp.png" class="help" (click)="localHelp()"/>
      </p>
      <p class="digital"  (click)="localaccount()">
      {{user.userInfo.local_balance}}元
      </p>
    </div>
  </div>

  <ion-list class="center-detail line-through">
    <ion-item tappable (click)="skipToChargingRecord()">
			<img class="icon icon-account" src="assets/imgs/icon-mycharging.png" item-left>我的充电
			<i class="iconfont icon-gengduo" item-right></i>
  	</ion-item>
    <ion-item tappable (click)="skipToComplainRecordPage()">
			<img class="icon icon-account" src="assets/imgs/icon-complain.png" item-left>申述记录
			<i class="iconfont icon-gengduo" item-right></i>
  	</ion-item>
    <ion-item tappable  margin-bottom (click)="skipTocoupon()">
			<img class="icon icon-account" src="assets/imgs/icon-coupon.png" item-left>优惠券
			<i class="iconfont icon-gengduo" item-right></i>
  	</ion-item>
  	
  	<ion-item tappable (click)="skipToHelpPage()">
			<img class="icon icon-account" src="assets/imgs/icon-help.png" item-left>帮助说明
			<i class="iconfont icon-gengduo" item-right></i>
  	</ion-item>
  	<ion-item tappable (click)="skipToQuestionAndAnswerPage()">
			<img class="icon icon-account" src="assets/imgs/icon-question.png" item-left>常见问答
			<i class="iconfont icon-gengduo" item-right></i>
  	</ion-item>
  	<ion-item tappable (click)="skipToSetting()">
			<img class="icon icon-account" src="assets/imgs/icon-setting.png" item-left>设置
			<i class="iconfont icon-gengduo" item-right></i>
  	</ion-item>
  </ion-list>

</ion-content>
